<template>
  <div id="app">
<!-- 	  <vif></vif>
	  
	  <velse></velse>
	  
	  <vshow/> -->
<!-- 	  
	  <vfor></vfor>
	  <show-person></show-person>
	  <von></von>
	  <von3></von3> -->
	  <!-- <vonStop></vonStop> -->
	  <vmodel></vmodel>
  </div>
</template>

<script>
//导入组件
import vif from "./components/vif.vue"
import velse from "./components/velse.vue"
import vshow from "./components/vshow.vue"
import vfor from "./components/vfor.vue"
import showPerson	from "./components/showPerson.vue"
import von from "./components/von.vue"
import von3 from "./components/von3.vue"
import vonStop from "./components/vonStop.vue"
import vmodel from "./components/vmodel.vue"
export default {
	name: 'App',
	components:{ //声明组件
		vif,
		velse,
		vshow,
		vfor,
		showPerson,
		von,
		von3,
		vonStop,
		vmodel
	}
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
